// Food类
class Food {
  // 定义一个属性表示食物所对应的元素
  element: HTMLElement;

  // 设置一个变量规定食物的位置
  position: number;

  constructor(position = 29) {
    // 获取页面中的food元素并将其赋值给element
    this.element = document.getElementById('food')!;

    this.position = position;
  }

  // 定义一个获取食物X轴坐标的方法
  get X() {
    return this.element.offsetLeft;
  }
  // 定义一个获取食物Y轴坐标的方法
  get Y() {
    return this.element.offsetTop;
  }

  // 修改食物的位置
  change() {
    let wz = Math.round(Math.random() * this.position) * 10;

    this.element.style.left = wz + 'px';
    this.element.style.top = wz + 'px';
  }
}

export default Food;
